<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog panelInput-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'panelInput.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <i class="material-icons">clear</i>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 110px; text-align: left;" ng-bind="'panelInput.column0' | translate"></label>
                <label class="value" ng-bind="dialog.itemList.can_returned_qty + dialog.itemList.inputunitno" 
                style="flex:1;text-align: left;"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 85px; text-align: left; padding-left:85px; text-decoration:underline;" ng-bind="'panelInput.column1' | translate"></label>                                               
            </div>
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 120px; text-align: left;" ng-bind="'panelInput.column2' | translate"></label>
                <input style="flex: 0 0 110px" ng-model="dialog.itemList.returned_qty" readonly="readonly" ng-click="dialog.returned_qty($event, dialog.itemList);" ></input>
                <label class="label" style="flex: 0 0 45px; text-align:right;">(</label>
                <label class="label" style="flex: 0 0 90px; text-align: right; padding-right:42px;" ng-bind="'panelInput.column6' | translate"></label>
                <input style="flex: 0 0 110px" ng-model="dialog.itemList.excessqty" readonly="readonly" ng-click="dialog.excessqty($event, dialog.itemList);" ng-disabled="dialog.osbacknotallowedexceed == '1'"></input>   
                <label class="label" style="flex: 0 0 55px; text-align:right;">)</label>
                <label class="label" style="flex: 0 0 192px; text-align:cneter; padding-right:10px">= </label>
                <label class="label" style="flex: 0 0 120px; text-align: left;" ng-bind="'panelInput.column10' | translate"></label>
                <label class="label" style="flex: 0 0 80px; text-align: right;" ng-bind="dialog.itemList.total_returned_qty"></label>             
            </div>
            <div class="kmi-text-fields" style="padding-left:16px">
                +
            </div>            
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 120px; text-align: left;" ng-bind="'panelInput.column3' | translate"></label>                
                <input style="flex: 0 0 110px" ng-model="dialog.itemList.abnormal_qty" readonly="readonly" ng-click="dialog.abnormal_qty($event, dialog.itemList);"></input>
                <label class="label" style="flex: 0 0 45px; text-align:right;">+</label>
                <label class="label" style="flex: 0 0 85px; text-align: right; padding-right:45px" ng-bind="'panelInput.column7' | translate"></label>
                <input style="flex: 0 0 110px" ng-model="dialog.itemList.return_qty" readonly="readonly" ng-click="dialog.return_qty($event, dialog.itemList);" ng-disabled="dialog.CheckQC != '1' && CheckQC != 'Y'"></input>
                <label class="label" style="flex: 0 0 250px; text-align:right; padding-right:10px">= </label>   
                <label class="label" style="flex: 0 0 120px; text-align: left; " ng-bind="'panelInput.column11' | translate"></label>
                <label class="label" style="flex: 0 0 53px; text-align: right;" ng-bind="dialog.itemList.total_bad"></label>
            </div>
            <div class="kmi-text-fields" style="padding-left:16px">
                +
            </div>
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 120px; text-align: left;" ng-bind="'panelInput.column4' | translate"></label>                
                <input style="flex: 0 0 110px" ng-model="dialog.itemList.lossqty" readonly="readonly" ng-click="dialog.lossqty($event, dialog.itemList);"></input>
            </div>
            <div class="kmi-text-fields" style="padding-left:16px">
                +
            </div>   
            <div class="kmi-text-fields">
                <label class="label" style="flex: 0 0 120px; text-align: left;" ng-bind="'panelInput.column5' | translate"></label>                
                <input style="flex: 0 0 110px" ng-model="dialog.itemList.issuedefectqty" readonly="readonly" ng-click="dialog.issuedefectqty($event, dialog.itemList);"></input>
                <label class="label" style="flex: 0 0 45px; text-align:right;">→ </label>  
                <label class="label" style="flex: 0 0 115px; text-align: right; padding-right:15px;" ng-hide="dialog.osvaluationinput=='0'" ng-bind="'panelInput.column8' | translate"></label>
                <input style="flex: 0 0 110px" ng-hide="dialog.osvaluationinput=='0'" ng-model="dialog.itemList.valuationqty" readonly="readonly" ng-click="dialog.valuationqty($event, dialog.itemList);" ng-disabled="dialog.osvaluationinput=='2'"></input>
                <label class="label" style="flex: 0 0 20px; text-align:right;" ng-hide="dialog.osvaluationinput=='0'">/</label>
                <label class="label" style="flex: 0 0 50px; text-align: right; padding-right:15px;" ng-hide="dialog.osvaluationinput=='0'" ng-bind="'panelInput.column9' | translate"></label>
                <input style="flex: 0 0 110px" ng-hide="dialog.osvaluationinput=='0'" ng-model="dialog.itemList.valuationqty_no" readonly="readonly" ng-click="dialog.valuationqty_no($event, dialog.itemList);" ng-disabled="dialog.osvaluationinput=='2'"></input>
                <label class="label" style="flex: 0 0 45px; text-align:right; padding-right:10px">= </label>
                <label class="label" style="flex: 0 0 120px; text-align: left;" ng-bind="'panelInput.column12' | translate"></label>                                
                <label class="label" style="flex: 0 0 86px; text-align: right;" ng-bind="dialog.itemList.total_valuationqty"></label>
            </div>
            <div class="kmi-text-fields">
                <label class="label ng-binding" style="flex: 0 0 120px;text-align: left; padding-left:125px; text-decoration:none;text-decoration: overline;"
                 ng-bind="dialog.itemList.total"></label>                            
            </div>
            <div class="btn-content">
                <div class="kmi-button kmi-button-confrim" ng-if="dialog.stationMachine.showE05" ng-click="dialog.gotoE05()" style="width:180px">
                    <label ng-bind="'E05.title' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
                <div style="flex:1;"></div>
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
